:root {
    --font-color-b: #464646;
    --font-color-w: #fff;
    --light-color: #b5b5b5;
    --hight-color: #795548;
    --bgc: #ebecee;
    --f-s: 16px;
    --f-s-l: 18px;
    --f-s-ll: 20px;
    --f-s-lll: 24px;
    --f-s-s: 14px;
    --f-s-ss: 12px;
}

/* init style */
* {
    padding: 0;
    margin: 0;
    font-family: monospace Helvetica, sans-serif;
}

li {
    list-style-type: none;
}

body {
    background: var(--bgc)
}

/* common class */
.ctr {
    text-align: center;
}

.wrapper {
    width: 100vw;
}

/* header style */
@keyframes head-show {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
